/* pages/userInfo/userInfo.wxss */
page {
  background-color: #f5f5ed;
}

.edit_userInfo_wrap {
  display: flex;
  flex-direction: column;
  height: 100vh;

  .user_avatar_wrap {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20rpx;

    button {
      background-color: #f5f5ed;

      image {
        border: 2rpx solid white;
        width: 160rpx;
        height: 160rpx;
        border-radius: 100%;
      }
    }
  }

  .user_info_wrap {
    flex: 6;
    line-height: 100rpx;
    margin: 20rpx 50rpx 50rpx 50rpx;
    font-size: 26rpx;

    .user_name_wrap {
      background-color: #fff;
      border-radius: 25rpx;

      .user_name {
        margin: 30rpx;
        display: flex;

        text {
          flex: 1;
          color: #615839;
          font-size: 30rpx;
        }

        navigator {}
      }
    }

    .edit_user_info_wrap {
      background-color: #fff;
      border-radius: 25rpx;

      .user_birthday {
        display: flex;
        margin: 30rpx;
        border-bottom: 1rpx solid #f5f5ed;

        .birthday_picker {
          width: 100%;

          .picker {
            display: flex;

            .birthday_text {
              flex: 1;
              color: #615839;
              font-size: 30rpx;
            }

            .selectBirthday {}

            .next_icon {
              color: #666;
            }
          }
        }
      }
    }

    .user_sex {
      margin: 30rpx;
      border-bottom: 1rpx solid #f5f5ed;

      .sex_picker {
        .picker {
          display: flex;

          .sex_text {
            flex: 1;
            color: #615839;
            font-size: 30rpx;
          }

          .selectSex {}

          .next_icon {
            color: #666;
          }
        }
      }


    }

    .user_address {
      margin: 30rpx;

      .region_picker {
        .picker {
          display: flex;

          .region_text {
            flex: 1;
            color: #615839;
            font-size: 30rpx;
          }

          .selectRegion {}

          .next_icon {
            color: #666;
          }
        }
      }
    }
  }

  .phone_wrap {
    background-color: #fff;
    border-radius: 25rpx;

    .userId_wrap {
      display: flex;
      margin: 30rpx;
      border-bottom: 1rpx solid #f5f5ed;

      text {
        flex: 1;
        color: #615839;
        font-size: 30rpx;
      }

      .user_id {}
    }

    .user_telPhone {
      display: flex;
      margin: 30rpx;

      .phoneNumber_text {
        flex: 1;
        color: #615839;
        font-size: 30rpx;
      }

      .phoneNumber_input {
        height: auto;
        width: 175rpx;
      }

    }
  }
}

.save_button {
  flex: 1;
  border-radius: 40rpx 40rpx 0 0;
  background-color: #fff;

  button {
    margin-top: 15rpx;
    width: 80%;
    border-radius: 30rpx;
    font-size: 28rpx;
    font-weight: 600;
    background-color: #fee05a;
  }
}